<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>首页 - FNK</title>
        <link rel="stylesheet" href="/static/css/navbar.css">
        <link rel="stylesheet" href="/static/css/container.css">
        <link rel="stylesheet" href="/static/css/card.css">
    </head>
    <body>
        <nav class="navbar">
            <div class="logo">FNK</div>
            <ul class="nav-links">
                <li><a href="/home">首页</a></li>
                <li><a href="/file">文件</a></li>
                <li><a href="/note">笔记</a></li>
                <li><a href="/resource">资源</a></li>
                <li><a href="/about">关于</a></li>
            </ul>
            <div class="users">
            {% if user %}
                <p>{{ user }}</p>
                <button class="user-btn" onclick="javascript:location.href='/logout'">登出</button>
            {% else %}
                <button class="user-btn" onclick="javascript:location.href='/login'">登录</button>
            {% endif %}
            </div>
        </nav>
        <div class="container" id="index-intro">
            <h1 id="index-title">Frank's website</h1>
            <p id="index-description">
                Welcome to Frank's website. This website is for Frank's personal use.<br>Other people can also use this website as a refrence.<br>
            </p>
            <div class="card-block">
                <span class title>
                    <a class="link-block" href="https://github.com" target="_blank">
                        <img src="/static/ico/github.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://gitcode.com" target="_blank">
                        <img src="/static/ico/gitcode.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://hlcoding.com" target="_blank">
                        <img src="/static/ico/hlcoding.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://luogu.com.cn" target="_blank">
                        <img src="/static/ico/luogu.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://vjudge.net" target="_blank">
                        <img src="/static/ico/vjudge.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://leetcode.cn" target="_blank">
                        <img src="/static/ico/leetcode.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://csdn.net" target="_blank">
                        <img src="/static/ico/csdn.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://oi-wiki.org" target="_blank">
                        <img src="/static/ico/oiwiki.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://acwing.com" target="_blank">
                        <img src="/static/ico/acwing.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://bilibili.com" target="_blank">
                        <img src="/static/ico/bilibili.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://douyin.com" target="_blank">
                        <img src="/static/ico/douyin.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://kuaishou.com" target="_blank">
                        <img src="/static/ico/kuaishou.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://bing.com" target="_blank">
                        <img src="/static/ico/bing.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://so.com" target="_blank">
                        <img src="/static/ico/so.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://chat.baidu.com" target="_blank">
                        <img src="/static/ico/baidu.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://chat.deepseek.com" target="_blank">
                        <img src="/static/ico/deepseek.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://rainyun.com" target="_blank">
                        <img src="/static/ico/rainyun.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://zh.numberempire.com" target="_blank">
                        <img src="/static/ico/math.png">
                    </a>
                </span>
                <span class title>
                    <a class="link-block" href="https://mcsm.rainyun.com/#/instances/terminal?daemonId=a78a845f4b4240949bdeac857d37a9b0&instanceId=687217a655424e60a989059c4206ed63" target="_blank">
                        <img src="/static/ico/mcsm.png">
                    </a>
                </span>
            </div>
        </div>
    </body>
</html>